﻿  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>校园应用系统</title>
<link href="css/login.css" rel="stylesheet" rev="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/jQuery1.7.js"></script>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/jquery1.42.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.js"></script>
<script type="text/javascript" src="js/Validform_v5.3.2_min.js"></script>
  <script type="text/javascript">

$(document).ready(function(){
	var $tab_li = $('#tab ul li');
	$tab_li.hover(function(){
		$(this).addClass('selected').siblings().removeClass('selected');
		var index = $tab_li.index(this);
		$('div.tab_box > div').eq(index).show().siblings().hide();
	});	
});
</script>
<script type="text/javascript">
</script>
<script type="text/javascript">
$(function(){
	$(".screenbg ul li").each(function(){
		$(this).css("opacity","0");
	});
	$(".screenbg ul li:first").css("opacity","1");
	var index = 0;
	var t;
	var li = $(".screenbg ul li");
	var number = li.size();
	function change(index){
		li.css("visibility","visible");
		li.eq(index).siblings().animate({opacity:0},3000);
		li.eq(index).animate({opacity:1},3000);
	}
	function show(){
		index = index + 1;
		if(index<=number-1){
			change(index);
		}else{
			index = 0;
			change(index);
		}
	}
	t = setInterval(show,8000);
	//根据窗口宽度生成图片宽度
	var width = $(window).width();
	$(".screenbg ul img").css("width",width+"px");
});
</script>
  <style>
    #img{cursor:pointer;}
  </style>

</head>

<body>
<div id="tab">
  <ul class="tab_menu">
    <li class="selected">学生登录</li>
    <li>导师登录</li>
  </ul>
  <div class="tab_box">
    <!-- 学生登录开始 -->
    <div>
      <div class="stu_error_box"></div>
      <form th:action="@{/stuLogin}" method="post" class="stu_login_error">
        <div id="email">
          <label>邮&nbsp;&nbsp;&nbsp;箱：</label>
          <input type="text" id="stu_username_hide" name="email" placeholder="输入邮箱" nullmsg="邮箱不能为空！" datatype="e" errormsg="邮箱地址格式不对" sucmsg="邮箱验证通过"/>
        </div>
        <div id="stuPassword">
          <label>密&nbsp;&nbsp;&nbsp;码：</label>
          <input type="password" id="stu_password_hide" name="password" placeholder="输入密码" nullmsg="密码不能为空！" datatype="*6-16" errormsg="密码范围在6~16位之间！" sucmsg="密码验证通过！"/>
        </div>
        <div id="code" style="overflow: hidden">
          <label style="margin-left: -100px">验证码：</label>
          <input type="text" id="stu_code_hide" name="code"  placeholder="输入验证码" nullmsg="验证码不能为空！" datatype="*4-4" errormsg="验证码有4位数！" sucmsg="验证码验证通过！" style=""/></div>
        <div id="remember">
          <input type="checkbox" name="remember">
          <label>记住密码</label>
        </div>

        <a th:href="@{registerHtml}">注册</a>
        <button type="submit" style="margin-top: 10px">登录</button>

      </form>
    </div>
    <!-- 学生登录结束-->
    <!-- 导师登录开始-->
    <div class="hide">
      <div class="tea_error_box"></div>
      <form th:action="@{/teaLogin}" method="post" class="tea_login_error">
        <div id="teaEmail">
          <label>邮&nbsp;&nbsp;&nbsp;箱：</label>
          <input type="text"  name="email" placeholder="输入邮箱" nullmsg="邮箱不能为空！"  errormsg="邮箱格式不符合" sucmsg="邮箱验证通过！"/>
        </div>
        <div id="teaPassword">
          <label>密&nbsp;&nbsp;&nbsp;码：</label>
          <input type="password" name="password" placeholder="输入密码" nullmsg="密码不能为空！" datatype="*6-16" errormsg="密码范围在6~16位之间！" sucmsg="密码验证通过！"/>
        </div>
        <div id="code" style="overflow: hidden">
          <label style="margin-left: -100px">验证码：</label>
          <input type="text" id="tea_code_hide" name="code"  placeholder="输入验证码" nullmsg="验证码不能为空！" datatype="*4-4" errormsg="验证码有4位数！" sucmsg="验证码验证通过！"/></div>

        <div id="teaRemember">
          <input type="checkbox" name="remember">
          <label>记住密码</label>

        </div>
        <a th:href="@{registerHtml}">注册</a>
        <button type="submit" style="margin-top: 10px">登录</button>

      </form>
    </div>
    <!-- 导师登录结束-->
  </div>
</div>
<div class="bottom">©2014 Leting <a href="javascript:;" target="_blank">关于</a> <span>京ICP证030173号</span>  More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">校园应用系统</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">校园应用系统</a><img width="13" height="16" src="images/copy_rignt_24.png" /></div>
<div class="screenbg">
  <ul>
    <li><a href="javascript:"><img src="images/0.png"></a></li>
    <li><a href="javascript:"><img src="images/1.png"></a></li>
    <li><a href="javascript:"><img src="images/2.png"></a></li>
  </ul>
</div>
<style>
  .copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>
<div class="copyrights" id="links20210126">
  Collect from <a href="http://www.cssmoban.com/"  title="网站模板">校园应用系统</a>
  <a href="http://cooco.net.cn/" title="组卷网">校园应用系统</a>
</div>
</body>
</html>
